// import { useNavigate } from 'react-router-dom';

function NotFound() {
//   const navigate = useNavigate();

  return (
    <div className="flex flex-col items-center justify-center h-screen">
      <h1 className="text-4xl font-bold mb-4">404 - Page Not Found</h1>
      <p className="text-lg mb-8">The page you are looking for does not exist.</p>
      <button className="bg-blue-500 hover:bg-blue-700 text-white font"/>
    </div>
  )
}

export default NotFound;